@import '../../style/color.scss';

.bottom-btn-wrap {
  width: 10rem;
  z-index: 10;
  text-align: center;

  & > button {
    margin-top: 20px;
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid $bottom-tag-line-color;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
  }

  .bottom-multiple-btn-wrap {
    text-align: right;
    padding: 20px;

    & > button {
      display: inline-block;
    }

    button + button {
      margin-top: 0;
      margin-left: 20px;
    }
  }
}

.single-btn-wrap {
  height: 160px;

  button:disabled {
    background-color: $disabled-btn-background-color;
  }
}

.multiple-btn-wrap {
  height: 100px;
}
